Medical Product Company Website / Animation

•

Medical Product Company

Creative direction / Micro-Interactions / Packaging / Landing Page / Redesign

I'm happy to finally share this project, which has been a labor of love for some time. This project showcases the journey and end result of redesigning a brand's look and feel. AgeTech is all about skincare and wound care products and operates in the B2B2C world.

At first, the company displayed a serious and professional vibe. However, its outdated look made it feel a bit behind the times. So, I decided that a makeover was necessary to bring it up to date with current trends.

I chose to use a 3D presentation to showcase the products. This was due to the fact that AgeTech's primary customers include account managers and business owners who need accurate product images in order to make decisions. The use of 3D graphics increased company's credibility and improved stakeholders' understanding of the products by demonstrating that the company is progressive and up to date with the newest technological advancements.

I also carefully considered how each section was laid out to ensure that the most crucial information was always in plain sight. As requested by the client, I used a lot of white space to maintain a polished and tidy appearance.

While descriptions were sized in pixels and may appear truncated on smaller screens, titles were sized using viewport units to maintain consistency in appearance. Call-to-Action buttons were thoughtfully positioned throughout the website to remind visitors that they could get in touch with AgeTech with ease.

To save users from having to adjust anything, we made sure the cards maintained their dimensions regardless of screen resolution. Fixed values for both height and width guarantee an even experience on all devices.

I've used viewport units to ensure harmonious title sizes, maintaining a consistent look. Descriptions are sized in pixels, with the possibility of truncation, to optimize readability.

I strategically placed CTAs buttons throughout the sections, subtly encouraging user interaction.

Additionally, I measured the cards to make sure they fit into any device's viewport smoothly and maintain their fixed sizes.

Hero Section / Animation

The hero section showcases the company's motto ''enhance your life'', encouraging users to tap into the properties of aloe vera to improve their lives. In addition to the title, description, and a CTA, this section includes an original animation designed to capture the users' attention and pique their curiosity, encouraging them to explore further.

Logo

The logo is a monogram (wordmark). These types of logos are highly suitable when the company's name is catchy and easy to remember.

Visual Style

The design aesthetic is carefully curated to resonate with the audience, conveying professionalism, empathy, and expertise. With a focus on user experience, I've implemented rounded corners with a subtle 4px radius across all elements, ensuring a modern and approachable look.

I used a lot of white space throughout the design, providing clarity and elegance while allowing the content to breathe. This intentional use of space enhances readability and navigation, improving the overall user experience.

To foster connection and empathy, I feature authentic photos of real people. By showcasing individuals within the design, I aim to evoke emotions and encourage users to relate to the brand on a personal level.

The predominant color Caribbean Green, generates sentiments of reliability and confidence while also perfectly capturing the values of the medical industry.